@import "variables";
.payment-success{
  .icon-tips{
    width: 100%;
    background: #FFFFFF;
    text-align: center;
    height: pxTorem(460px);
    img{
      width: pxTorem(120px);
      display: block;
      padding-top: pxTorem(80px);
      padding-bottom: pxTorem(50px);
    }
    p{
      font-size: pxTorem(32px);
      color: color($h5,c3);
      text-align: center;
    }
    div{
      font-size: pxTorem(24px);
      color: color($h5,c3);
      text-align: center;
      margin:pxTorem(30px) auto 0 auto;
      width: 60%;
      line-height: pxTorem(32px);

    }
  }
  .payment-word{
    margin:pxTorem(15px) 0;
    background: #FFFFFF;
    p{
      padding:0 pxTorem(30px);
      font-size: pxTorem(28px);
      color: color($h5,c3);
      border-bottom: 1px solid color($h5,c9);
      line-height: pxTorem(88px);
    }
  }
  .payment-detail{
    font-size: pxTorem(28px);
    color: color($h5,c3);
    line-height: pxTorem(88px);
    background: #FFFFFF;
    padding:0 pxTorem(30px);
    position: relative;
    span{
      position: absolute;
      top:pxTorem(34px);
      right: pxTorem(30px);
      width: pxTorem(20px);
      height: pxTorem(20px);
      display: block;
      border-top: 1px solid color($h5,c4);
      border-right: 1px solid color($h5,c4);
      border-bottom: 1px solid transparent;
      border-left: 1px solid transparent;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }
  }
}
